<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp" %>
<link rel="stylesheet" href="${path}/static/mTips/mTips.css" />
<script type="text/javascript" src="${path}/static/mTips/mTips.js"></script>
<script type="text/javascript">
var socketUserTree;
jQuery(function($) {
	var setting = {
			 view: {
	                selectedMulti: false
	            },
	            data: {
	                key: {
                        name: "text"
                    },
                   simpleData: {
                       enable: true,
                       idKey: "id",
                       pIdKey: "pid",
                       rootPId: 1
                   }
	            }
        };
	$.ajax({
		 url : '${path }/user/findOrgAndUserTree?userids=',
		 dataType:'json',
		 success:function(data){
			 console.log(data)
			 $.fn.zTree.init($("#socketUserTree"), setting, data);
			 socketUserTree = $.fn.zTree.getZTreeObj("socketUserTree");
			// singleUserTree.expandAll(true);
		 }
	})
})
 </script>
<div class="easyui-layout" data-options="fit:true,border:false">
     <div data-options="region:'center',border:true,title:''" style="overflow:hidden;" >
         <div style="height:12px;width:100%;padding:8px 0px;background: #E0ECFF;border-bottom:1px solid #95B8E7;text-align:center;font-size: 12px;font-weight: bold;color: #0E2D5F;line-height: 16px;" id="socket-header">
       	  张三
         </div>
         <div style="height:calc(100% - 66px);overflow:auto;overflow-x:hidden;" id="socket-content">
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:left">
         	111
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	<div style="float:right">
         	222
         	</div>
         	<br />
         	<br style="clear:both;"/>
         	
         </div>
         <div style="position: relative;bottom:0px;height:35px;width:100%;border-top:1px solid #95B8E7">
         <textarea style="height:30px;width:100%"></textarea>
         </div>
    </div> 
    <div data-options="region:'west',border:true,split:true,title:'通讯录'"  style="width:200px;overflow: hidden; overflow-y:auto; padding:0px">
       <ul id="socketUserTree" class="ztree"></ul>
    </div>
</div>
